import React from 'react'
import styles from './index.less'
import NewModal from '../../components/newModal'
function Index({ barConfig }) {
  return (
    <div className={styles.box}>
      <div className={styles.itemBox}>
        {
          barConfig.map((item, index) => {
            return <div className={styles.item} key={index} onClick={() => {
              item.callback && item.callback()
            }}>
              <span className={styles.title}>{item.title}</span>
              {
                item.value && <span className={styles.value}>{item.value}</span>
              }
            </div>
          })
        }
      </div>
    </div>
  )
}

export default Index
